<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <!--  引入本地的vue.js文件-->
  <script src="../js/vue2.js"></script>
</head>
<body>

<!--
    插值语法中可以做基本的运算
         调用函数  数学运算  关系运算
    差值语法在获取值时 如果其中包含了html标签 则会被当成文本进行处理
-->
<div id="app">
  <h1>学生信息展示</h1>
  <p>学号:{{studentNo}}</p>
  <p>姓名:{{name.toUpperCase()}}</p>
  <p>年龄:{{age}}</p>
  <p>是否成年:{{age>18}}</p>
</div>

<script type="text/javascript">

 let vm = new Vue({
    el:'#app',   //  替换vm.$mount("#app")
    data:{
      studentNo:'<b>1001</b>',
      name:'tom',
      age:20
    }
  })
</script>
</body>
</html>